<template>
  <div>
     <div>{{ str }}</div>
     
     <br>
     <br>
     <button @click='fn'>逆转世界</button>
   </div>
</template>
 
<script>
export default {
  
  data() {
    return {
      str:'Hello，World'
    };
  },

  methods: {
    fn(){
     this.str = [...this.str].reverse().join('')
    }
  }
};
</script>

<style scoped>
     
</style>